<template>
  <div>
      <breadcrumb></breadcrumb>
      <div class="main">
          <el-tabs v-model="activeName" class="mainTabs" @tab-click="handleClick">
              <el-tab-pane label="提现时间配置" name="first" >
                  <div class="main_item">
                      <!-- 提现时间配置 -->
                      <withdrawTime></withdrawTime>
                  </div>
              </el-tab-pane>
              <el-tab-pane label="自动评价时间" name="second" >
                  <div class="main_item">
                    <!-- 自动评价时间 -->
                    <autoEvaluation></autoEvaluation>
                  </div>
              </el-tab-pane>
              <el-tab-pane label="会员等级配置" name="third" >
                  <div class="main_item">
                      <!-- 会员等级配置 -->
                      <membershipLevel></membershipLevel>
                  </div>
              </el-tab-pane>
          </el-tabs>
      </div>
  </div>
</template>

<script>
import breadcrumb from "@/components/breadcrumb.vue";
import autoEvaluation from "@/views/BasicSettings/Settings/children/autoEvaluation.vue"
import membershipLevel from "@/views/BasicSettings/Settings/children/membershipLevel.vue"
import withdrawTime from "@/views/BasicSettings/Settings/children/withdrawTime.vue"
export default {
  data() {
      return {
          activeName: "first",
          permissions: {},
      };
  },
  methods: {
      handleClick(tab, event) {
      }
  },
  created() {
     
 
      
      
 

  },
  mounted() {
   
  },

  components: {
    breadcrumb,
    withdrawTime,
    membershipLevel,
    autoEvaluation

  },
};
</script>

<style lang="scss" scoped>
.main {
  .mainTabs {
      ::v-deep .el-tabs__nav {
          margin-left: 38px;
      }

      ::v-deep .el-tabs__nav-scroll {
          background-color: #fff;
      }

      // 标签页切换按钮
      ::v-deep .el-tabs__item {
          height: 50px;
          width: 88px;
          text-align: center;
          padding: 0;
          line-height: 50px;
          font-size: 12px;
          font-weight: bold;
          color: #939393;
      }

      // 下边框
      ::v-deep .el-tabs__nav-wrap::after {
          height: 1px;
          background-color: #F0F0F0;
      }

      // 标签页切换按钮 激活样式
      ::v-deep .el-tabs__item.is-active {
          background-color: #ECF5FE;
          color: #1890FF;
      }

      .main_item {
          padding: 0;
          background-color: #fff;
      }
  }

}
</style>
